import React, { Component } from 'react';
import {
	Button
} from 'antd';
import './App.less'
import Steps from './Steps'

export default class App extends Component {
	clickPrev = () => {
		this.props.setPage('step1');
	}

	clickNext = () => {
		this.props.setPage('step3');
	}

	render() {
		return (
			<div className="step1">
				<div className='step1-content'>
					<Button type="primary">我的任务列表</Button>
					<Steps current={2}/>
					<div style={{marginTop:'20px', marginLeft:'20px'}}>
						剩余职业点数:100 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剩余兴趣点数:100
						<div className="step1-box1">
							123
						</div>
					</div>
						<Button
							onClick={this.clickPrev}
							type="primary"
							className="step2-prev-step">
							上一步
						</Button>
						<Button
							onclick={this.clickNext}
							type="primary"
							className="step2-next-step">
							下一步
						</Button>

				</div>
			</div>
		)
	}
}